<template>
  <!-- 将首页的页面Home引入，到时候页面切换就在这里切换 -->
  <!-- <Home /> -->

  <RouterView />

  <!-- <router-view v-slot="{ Component }">
    <transition name="fade">
      <component :is="Component" />
    </transition>
  </router-view> -->
</template>

<style scoped lang="less">
.fade-enter-from {
  transform: translateX(100%);
  opacity: 0;
}
.fade-enter-active {
  transition: all 0.5s;
}
// .fade-enter-to {
// }
// .fade-leave-from {
// }
// .fade-leave-active {
//   transition: all 0.5s;
// }
// .fade-leave-to {
//   transform: translateX(100%);
//   opacity: 0;
// }
</style>

<!-- <script>
import Home from "@/pages/home/Index.vue";

export default {
  components: {
    Home,
  },
};
</script>

<style></style> -->
